import React from 'react';
import { Outlet, NavLink } from 'react-router-dom';
import { Breadcrumb } from "antd"
import '../../style/Authoritymanage.scss'
import { HomeOutlined } from '@ant-design/icons'
function Authoritymanage(props) {
    return (
        <div className='authoritymanage'>
            <Breadcrumb className='bread' style={{ padding: "10px 0", fontWeight: "bolder", color: "black" }}>
                <Breadcrumb.Item >
                    <NavLink to="/index"><HomeOutlined /></NavLink>
                </Breadcrumb.Item>
                <Breadcrumb.Item>
                    <NavLink to="/index/authoritymanage/listofroles">角色列表</NavLink>
                </Breadcrumb.Item>
                <Breadcrumb.Item>
                    <NavLink to="/index/authoritymanage/permissionlist">权限列表</NavLink>
                </Breadcrumb.Item>
            </Breadcrumb>
            <Outlet />
        </div>
    );
}

export default Authoritymanage;